﻿<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" class="hb-loaded">
<head></head>
<body>
<link th:href="@{/css/shopping.css}" type="text/css" rel="stylesheet"/>
<script th:src="@{/js/jquery.js}" type="text/javascript"></script>
<script th:src="@{/js/shoppcart.js}" type="text/javascript"></script>
<script th:src="@{/layer/layer.js}"></script>

<title>购物车 - 真爱协议</title>
<form id="aspnetForm" th:action="@{/dr_mall/drOrders/initOrder}" method="post" name="aspnetForm">

    <!--全部背景-->
    <div class="all-thing">
        <!--中间内容-->
        <div class="tcmain">
            <!--头部-->
            <div class="shop_top">
                <div class="shopt_left fl">
                    <a title="Darry Ring" href="index.html"> <img width="186" height="42"
                                                                  th:src="@{/images/dr.png}"/> </a>
                    <span>求婚钻戒领导品牌</span>
                </div>
                <div class="shopt_right fr">
                    <span id="ctl00_ltlUname">你好！KLNgOk</span>
                    <a class="my_dr" href="Http://192.168.6.100:8082/login.html">我的DR</a>
                    <a onClick="javascript:logout()" class="tc_dr" href="#">退出</a>
                    <a class="help_dr" href="help.html">帮助中心</a>
                </div>
            </div>
            <!--头部end-->
            <!--导航条-->
            <div class="shop_nav shop_nav-love" id="ctl00_showNav"></div>
            <!--导航条end-->
            <script type="text/javascript">
                function check() {
                    if ($("#sirName").val() == "") {
                        layer.msg("请前往个人中心完善信息");
                        return false;
                    }
                    if ($("#ladyName").val() == "") {
                        layer.msg("女士姓名不能为空。");
                        return false;
                    }
                    if ($("#sirCode").val() == "") {
                        layer.msg("请前往个人中心完善信息");
                        return false;
                    }
                    if (!$("#cbAgree").attr("checked")) {
                        alert("必须先接受真爱协议。");
                        return false;
                    }
                    return true;
                }

                //统一协议，提交表单数据
                function submitAgreement() {
                    if (check()) {
                        $.get("/dr_mall/drCart/vpe", function (r) {
                            if (r.code === 200) {
                                let products = r.data;
                                let msg = "";
                                if (products.length!=0){
                                    for (let product of products) {
                                        msg += product.name;
                                    }
                                    alert("您已购买过："+msg+",无法继续购买该商品,请返回上一页重新选择商品！！！")
                                }else{

                                    $("#aspnetForm").submit();
                                }
                            }
                        }, "json");
                    }
                }
            </script>
            <!--真爱协议中的内容-->
            <div class="shop_agree">
                <div class="shop_agree-top"></div>
                <!--边框内容-->
                <div class="shop_agree-cort">
                    <div class="shopagree_cort-top">
                        <i></i>
                        <span>真爱协议</span>
                        <i></i>
                    </div>
                    <div class="shopagree_cort-center">
                        <p>Darry Ring 真爱戒指男士凭身份证号一生仅可购买一枚，作为一生唯一真爱的最高承诺。</p>
                        <p>签署该协议则表示您已经过慎重考虑，</p>
                        <p>决定自购买之日起，将您的身份证号与Darry Ring 编码绑定，并接受亲友对购买信息的验证查询。</p>
                        <p>此购买信息将终身留存在Darry Ring 数据库中并无法更改。请用心呵护您的真爱。</p>
                    </div>
                    <div class="shopagree_cort-input">
                        <label><i>*</i>先生姓名:</label>
                        <input type="text" th:value="${session.user.name}" readonly="readonly" id="sirName" name="name"
                               class="it_1"/>
                        <label><i>*</i>女士姓名:</label>
                        <input type="text" id="ladyName" name="ladyName" class="it_1"/>
                        <label><i>*</i>先生身份证号:</label>
                        <input type="text" th:value="${session.user.idCard}" readonly="readonly" id="sirCode" name="idCard"
                               class="it_2"/>
                        <div th:each="cartid : ${cartId}">
                            <input type="hidden" name="cartId" th:value="${cartid}">
                        </div>
                        <input type="hidden" name="skuId" th:value="${skuId}">
                    </div>
                    <div class="shopagree_cort-spcenter">
                        <p>温馨提示：当您填写此资料,即默认同意本公司相关资料制作的网页放在Darry Ring专属页面。此资料将做合同永久保留。</p>
                    </div>

                    <div class="shopagree_cort-check">
                        <input type="checkbox" id="cbAgree"/>
                        <label for="cbAgree"> <a>我已经仔细阅读并接受该协议</a> </label>
                    </div>
                    <div onClick="submitAgreement();" class="shopagree_button">
                        <div class="bt1">
                            <span>确认提交真爱协议</span>
                        </div>
                    </div>
                </div>
                <!--边框内容end-->
                <div class="shop_agree-bottom"></div>
            </div>
            <!--真爱协议中的内容end-->
            <!--中间内容end-->
            <!--底部-->
            <div class="cmain shop_foot">
                <p>Copyright &copy; 2006-2015 www.darryring.com 戴瑞珠宝 All Rights Reserved. 粤ICP备11012085号</p>
                <p>中国互联网违法信息举报中心 | 中国公安网络110报警服务 | 本网站提供所售商品的正式发票</p>
                <div class="shop_foot-img">
                    <img th:src="@{/images/db.jpg}"/>
                </div>
            </div>
            <!--底部end-->
        </div>
        <!--全部背景end-->
    </div>
    <script type="text/javascript">
        function logout() {
            if (window.confirm('确定退出吗？')) {
                $.get("/nAPI/QuitExit.ashx", function (data) {
                    window.location.href = "/";
                });
            }
        }
    </script>
</form>

</body>
</html>